MARKETPLACE
PLUGINS
PNG TO WEBP | JPG TO WEBP CONVERTER
PNG to WEBP | JPG to WEBP converter logo

PNG to WEBP | JPG to WEBP converter

Published December 2025
   β€’    Updated this month

Plugin details

πŸ–ΌοΈ PNG / JPG to WebP Image Converter
This plugin provides a simple server-side action to convert PNG or JPG images into optimized WebP images.

It accepts images from:
β€’ Bubble file URLs  
β€’ Public image URLs  

The result is a WebP image returned as a Bubble image type, ready to be stored, displayed, or reused inside your workflows.





βœ… WHY USE THIS PLUGIN?  
β€’ Reduce image file size significantly  
β€’ Improve page load performance  
β€’ Automatically generate modern WebP assets  
β€’ Fully server-side (no client-side scripts or hacks)


βš™οΈ AVAILABLE ACTION  
Convert Image File to WebP: Converts a PNG or JPG image into WebP format with optional resizing and quality control.


πŸ“₯ INPUTS:  
β€’ Image URL: Bubble file URL or any publicly accessible image URL  
β€’ Max Size (px) (optional): Maximum width or height in pixels. Aspect ratio is preserved.  
β€’ Quality (optional): WebP quality from 1 to 100 (defaults to 30).


πŸ“€ OUTPUT  
β€’ WebP Image  
 Converted image in WebP format (Bubble image type)





❓ FAQ

β€’ What image formats are supported?  
 This plugin supports PNG and JPG images as input. Other formats are not supported.

β€’ Can I use images uploaded by users?  
 Yes. You can pass a Bubble file URL, such as the result of a File Uploader element.

β€’ Can I convert images from external URLs?  
 Yes, as long as the image URL is publicly accessible at the time the workflow runs.

β€’ What happens if the image is larger than the max size?  
 The image will be resized proportionally so that its largest dimension matches the max size value.

β€’ What quality value should I use?  
 Lower values produce smaller files with more compression. Higher values preserve more image detail.  
 A value between 25 and 40 works well for most use cases.

β€’ Is this action client-side or server-side?  
 The conversion runs entirely on the server.





πŸ’¬ About the Developer

This plugin is developed and maintained by Ian Storni.

If you want some help, or have a suggestion, please get in touch.

πŸ“§ Email: [email protected]

🌐 Website: ianstorni.com

🧩 Bubble Marketplace Profile:  
Click here to check other plugins and templates.

Free

For everyone

stars   β€’   0 ratings
9 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web & Native mobile

Contributor details

Ian Storni logo
Ian Storni
Joined 2020   β€’   12 Plugins
View contributor profile

Instructions

How to use the plugin:
1. Install the plugin in your Bubble app.

2. In your workflow, add the action:
  Plugins β†’ Convert Image File to WebP

3. Configure the action fields:

  Image URL
  Provide a Bubble file URL (e.g. from a File Uploader) or a publicly accessible image URL.

  Max Size (px) – optional
  Set the maximum width or height in pixels.
  If the image exceeds this value, it will be resized proportionally.
  Default behavior: 1500px maximum dimension.

  Quality – optional
  Set a value from 1 to 100.
  Lower values produce smaller files, higher values preserve more detail.
  Default behavior: quality 30.

4. Use the returned value:

  The action returns a WebP image.
  You can:
  β€’ Save it to the database
  β€’ Display it in an Image element
  β€’ Use it as an optimized asset elsewhere in your app

Important notes:

β€’ The action runs server-side and does not require client-side JavaScript.
β€’ The input image must be accessible at the time of execution.
β€’ Supported input formats include PNG and JPG.
β€’ Aspect ratio is always preserved during resizing.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   β€’   Image   β€’   Media   β€’   Data (things)   β€’   Productivity

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble